<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/jquery/jquery.js"></script>
    
</head>
<body>
    <input type="button" value="ajax" onclick="sendAjax()">
    <script>
        /* 
        $.ajax(url,对象格式的配置);
        $.ajax(对象格式的配置);

        $.ajax({
               url:请求路径,
               method：请求类型（get|post|put……）
               data：请求参数（string|object|array……）
               headers：请求头设置（object）
               traditional:Boolean ,设置data对象参数的转换规则，遇到数组数据，设置为true，方便处理
               dataType:【String】从服务器返回的预期的数据类型
               success:函数,定义当前请求成功后的回调函数
               error:函数,定义当前请求失败后的回调函数
           }); 

       

           注意的是： jquery的ajax方法而言,所有的请求默认都会携带请求头 X-Requested-With: XMLHttpRequest , 用于描述请求为ajax请求 
           
       */
        function sendAjax(){
            // $.ajax("/jquery/base");
            $.ajax({
                url:"/jquery/error",
                method:"get",
                traditional:true,//如果是数组数据，如果设置为false，数组是以hobby[]:值这样的方式，后台不方便处理，所以设置为true，方便处理数据
                // data:"a=1&b=2"
                data:{
                    a:1,
                    b:200,
                    hobby:["唱歌","跳舞","居家"]
                },
                headers:{
                    token:Math.random()
                },
                dataType:"json",
                success:function(data,textStatus,jqXHR){//响应的数据  请求成功后的文本值 封装后的jqXHR
                    console.log(data,textStatus,jqXHR);
                },
                error:function(jqXHR,textStatus,errorText){//封装后的jqXHR 请求失败后的文本值  http响应的文本值
                    console.log(jqXHR,textStatus,errorText);
                    if(jqXHR.readyState==0){
                        console.log("网络不通");
                    }else if(jqXHR.status>=400 && jqXHR.status<500){
                        console.log("资源无法访问");
                    }else if(jqXHR.status>=500 && jqXHR.status<600){
                        console.log("服务器异常");
                    }else{
                        console.log("请求失败");
                    }

                }

            });
        }

   </script>
</body>
</html>